---
import alipay from '../assets/alipay.png';
import wechatpay from '../assets/wchatpay.png';
---

<section id="pricing" class="py-8 bg-gray-50 dark:bg-gray-800">
  <div class="container-custom">
    
    <div class="comparison-table-container overflow-x-auto -mx-4 px-4 pb-4">
      <table class="comparison-table w-full border-collapse min-w-[640px]">
        <thead>
          <tr>
            <th class="p-3 md:p-4 text-left bg-secondary-100 dark:bg-secondary-800 text-gray-900 dark:text-white rounded-tl-lg">功能</th>
            <th class="p-3 md:p-4 text-center bg-secondary-100 dark:bg-secondary-800 text-gray-900 dark:text-white">开源版</th>
            <th class="p-3 md:p-4 text-center bg-secondary-100 dark:bg-secondary-800 text-gray-900 dark:text-white">标准版</th>
            <th class="p-3 md:p-4 text-center bg-secondary-100 dark:bg-secondary-800 text-gray-900 dark:text-white rounded-tr-lg">高级版</th>
            <th class="p-3 md:p-4 text-center bg-primary-100 dark:bg-primary-900/30 text-primary-900 dark:text-primary-100 font-bold">企业版</th>
          </tr>
        </thead>
        <tbody>
          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">价格(费用均为一次性)</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                永久免费
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                500元
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                800元
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                2000元
              </span>
            </td>
          </tr>
          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">代码获取</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                开源中国、GitHub
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                QQ、微信一次性交付
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                平台下载、持续更新
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                平台下载、持续更新
              </span>
            </td>
          </tr>
          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">授权域名个数</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">授权项目个数</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                无限制
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">永久使用</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">专属QQ群</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400 inline-block align-middle" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg><span class="text-gray-500 inline-block align-middle">可进开源大群</span>
            </td>

            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">Vue2+ElementUI源码</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
                <svg class="w-5 h-5 mx-auto text-gray-400 inline-block align-middle" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
                <span class="text-gray-500 inline-block align-middle">不支持升级</span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">永久免费升级</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400 inline-block align-middle" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg><span class="text-gray-500 inline-block align-middle">无此说法</span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>
          
          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">提供产品下载更新账号（用于升级）</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">技术咨询服务</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center ">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
                为个人提供
              </span>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
                为公司团队提供
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">Vue3+ElementPlus源码</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">移动H5源码</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">远程技术支持</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>

          <tr class="feature-row">
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 font-medium">提供正规发票</td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center">
              <svg class="w-5 h-5 mx-auto text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </td>
            <td class="p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 text-center bg-primary-50 dark:bg-primary-900/10">
              <span class="inline-flex items-center justify-center text-primary-600 dark:text-primary-400">
                <svg class="w-4 h-4 md:w-5 md:h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                </svg>
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>

<div class="mt-8 flex flex-col md:flex-row items-center justify-center gap-8">
  <div class="text-center">
    <h4 class="text-lg font-medium mb-3 text-gray-900 dark:text-white">微信支付</h4>
    <img src={wechatpay.src} alt="微信支付二维码" class="w-48 h-48 mx-auto border border-gray-200 dark:border-gray-700 rounded-lg p-2">
  </div>
  <div class="text-center">
    <h4 class="text-lg font-medium mb-3 text-gray-900 dark:text-white">支付宝</h4>
    <img src={alipay.src} alt="支付宝二维码" class="w-48 h-48 mx-auto border border-gray-200 dark:border-gray-700 rounded-lg p-2">
  </div>
</div>

<div class="mt-6 p-4 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg text-sm text-yellow-800 dark:text-yellow-200 border border-yellow-200 dark:border-yellow-800">
  <p class="font-medium mb-2">⚠️ 重要提示：</p>
  <p>根据央行【要求个人静态收款条码原则上禁止用于远程非面对面收款】，支付二维码可能会失效，那么：</p>
  <ul class="list-disc ml-5 mt-2 space-y-1">
    <li>支付宝转账：dotcpp@163.com</li>
    <li>加微信：18502335821</li>
    <li>公司对公账号：
      <ul class="ml-5 mt-1 space-y-1">
        <li>公司名称：重庆涌涟科技有限公司</li>
        <li>纳税人识别号：91500112331628345J</li>
        <li>开户行：中国工商银行重庆江北支行</li>
        <li>银行账号：3100031009100016073</li>
      </ul>
    </li>
  </ul>
</div>


    <div class="mt-12 text-center">
      或<a href="/contact" class="text-primary-600 dark:text-primary-400 font-medium hover:underline">联系我们的销售团队</a>
    </div>
  </div>
</section>
